
/**
 * 头部导航 
*/
;(function(){
    var navList = document.querySelector('.head-nav-list'),
        aLi = navList.querySelectorAll('li');
//console.log(aLi)
    var startIndex = 0;
    for(var i=0, len=aLi.length; i<len; i++){
        (function(i){
            aLi[i].onclick = function(){
                aLi[startIndex].classList.remove('nav-list-li');
                this.classList.add('nav-list-li');
                startIndex = i;
            }
        })(i)
    }
})();


/**
 * 页脚标签栏
*/
;(function(){
    var tabbarUl = document.querySelector('.tabbar-ul'),
        tabbarUlChilds = tabbarUl.querySelectorAll('li');

    var startIndex = 0;
    tabbarUlChilds.forEach(function(item, index){
        item.onclick = function(){
            tabbarUlChilds[startIndex].className = '';
            this.className = 'tabbar-icon-bg';
            startIndex = index;
        }
        

    });
})();





/**
 * 头部搜索
*/
// ;(function(){
//     var oSearch = document.querySelector('.head-search'),
//         oSearchBtn = oSearch.querySelector('.head-search-btn'),
//         oSearcDetailed = oSearch.querySelector('.head-search-detailed'),
//         oSearchBtnRemove = oSearch.querySelector('.head-search-detailed-remove');
    
//     function removeSearch(){
//         // var time = getCss(oSearcDetailed, 'transition-duration');
//         // var index = time.indexOf('s');
//         // // 获取过度时间
//         // time = time.substring(0, index);
//         oSearcDetailed.classList.remove('lacement-detailed');
//         remBodyBg();
//         // var timer = setTimeout(function(){

//         // }, time*1000);
//         // console.log(time)
//     }
//     function addSearch(){
//         addBodyBg(.5)
//         oSearcDetailed.classList.add('lacement-detailed');
//     }
//     oSearchBtn.addEventListener('click', addSearch);
//     oSearchBtnRemove.addEventListener('click', removeSearch);
// })();


